<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>书城首页</title>
    <!-- 设置360浏览器渲染引擎 -->
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/png" href="/book/img/favicon.png">
    <link rel="stylesheet" type="text/css" href="/book/amazeui/css/amazeui.css" />
    <script type="text/javascript" charset="utf-8" src="/book/js/jquery.js"></script>
    <script type="text/javascript" charset="utf-8" src="/book/amazeui/js/amazeui.js"></script>
    <!-- 全局CSS -->
    <link rel="stylesheet" href="/book/css/base.css">
    <!-- topbar css -->
    <link rel="stylesheet" href="/book/css/topbar.css">
    <!-- 当前页面 css -->
    <link rel="stylesheet" type="text/css" href="/book/css/sellBook.css" />
    <!-- topbar js -->
    <script src="/book/js/common/topbar.js"></script>
    <!-- 书本列表 一二级菜单显示联动JS -->
    <script src="/book/js/common/topbar-onemenu.js"></script>
    <!-- 当前页面 js -->    
    <script src="/book/js/pages/sellBook.js"></script>
</head>

<body>
    <!-- nav-start -->
    <header class="am-topbar">
        <div class="am-container base-nav-font">
            <div class="am-fl base-nav-title">
                <em>欢迎光临网博图书网</em>
                <a href="#">请登录</a>
                <a href="#">免费注册</a>
            </div>
            <ol class="am-fr base-nav-list">
                <li>
                    <a href="#">购物车</a>
                </li>
                <li>
                    <a href="#">我的订单</a>
                </li>
                <li>
                    <div class="base-menu-list">
                        <a>个人账户
                            <span class="am-icon-caret-down"></span>
                        </a>
                        <div class="base-menu-list-content">
                            <ul>
                                <li>
                                    <a href="#">个人信息</a>
                                </li>
                                <li>
                                    <a href="#">收货地址</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
            </ol>
        </div>
    </header>
    <!-- nav-end -->
    <!-- search-end -->
    <div class="am-container base-search">
        <div class="am-g">
            <div class="am-u-sm-3 base-logo">
                <img src="./img/logo.png">
            </div>
            <div class="am-u-sm-6 ">
                <div class="am-input-group am-input-group-warning">
                    <input type="text" class="am-form-field am-round">
                    <span class="am-input-group-btn">
                        <button class="am-btn am-btn-warning am-round" type="button">搜索</button>
                    </span>
                </div>
                <div class="base-world-key">
                    <ol class="am-breadcrumb am-breadcrumb-slash">
                        <li>
                            <a href="#">史蒂芬·霍金</a>
                        </li>
                        <li>
                            <a href="#">刺杀骑士团长</a>
                        </li>
                        <li>
                            <a href="#">蒙台梭利育儿全书</a>
                        </li>
                        <li>
                            <a href="#">阿加莎·克里斯蒂</a>
                        </li>
                    </ol>
                </div>
            </div>
            <div class="am-u-sm-3 am-u-end base-tip">
                <img src="./img/tip.png">
            </div>
        </div>
    </div>
    <!-- search-end -->
    <!-- shopNav-start -->
    <div class="topbar-shop-nav">
        <div class="am-container">
            <div class="am-u-sm-2 topbar-shop-types" id="typesOneMenu">
                <h4>图书分类</h4>
            </div>
            <div class="am-u-sm-10 am-u-end topbar-shop-class">
                <!-- 最多展示 9 个 -->
                <ul class="am-avg-sm-9 am-thumbnails">
                    <li><a href="/book/showindex">首页</a></li>
                    <li class="topbar-active"><a href="/book/sellBook">淘书团</a></li>
                    <!--<li><a href="/book/sellBook">淘书团</a></li>-->
                    <li><a href="/book/bestSelling">畅销榜</a></li>
                    <li><a href="/book/newBooks">新上架</a></li>
                    <li><a href="/book/platformSelf">平台自营</a></li>
                    <li><a href="/book/pressList">出版社直销</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- shopNav-end -->
    <!-- topbar content start -->
    <div class="am-container topbar-book-content">
        <!-- books types start -->
        <div class="am-u-sm-2 topbar-book-types">
            <!-- ID 为鼠标移入时 加载对应分类的子分类 -->
            <ul class="am-list" id="bookTypesMenu">
                <!-- 
						页面分类 最多被迭代 6 次  （默认只能展示六项一级分类）
						一级分类 数据 超量 ，会导致页面布局混乱
								数据 不足 ，不会影响页面布局
						data-types 属性用于事件区分 分类
					-->
                <li data-type="literature">
                    <p>文学
                        <span class="am-icon-angle-right am-fr"></span>
                    </p>
                    <ol class="am-breadcrumb topbar-slash">
                        <!-- 子分类展示 最多显示2行，超出的部分会被自动隐藏 -->
                        <li>
                            <a href="#">小说</a>
                        </li>
                        <li>
                            <a href="#">文集</a>
                        </li>
                        <li>
                            <a href="#">青春文学</a>
                        </li>
                        <li>
                            <a href="#">中国散文</a>
                        </li>
                        <li>
                            <a href="#">外国散文</a>
                        </li>
                        <li>
                            <a href="#">悬疑推理</a>
                        </li>
                        <li>
                            <a href="#">世界名著</a>
                        </li>
                    </ol>
                </li>
                <li data-type="sciences">
                    <p>社科
                        <span class="am-icon-angle-right am-fr"></span>
                    </p>
                    <ol class="am-breadcrumb topbar-slash">
                        <li>
                            <a href="#">历史</a>
                        </li>
                        <li>
                            <a href="#">哲学/宗教</a>
                        </li>
                        <li>
                            <a href="#">政治军事</a>
                        </li>
                        <li>
                            <a href="#">传记</a>
                        </li>
                        <li>
                            <a href="#">文化</a>
                        </li>
                        <li>
                            <a href="#">古籍</a>
                        </li>
                        <li>
                            <a href="#">管理</a>
                        </li>
                        <li>
                            <a href="#">经济</a>
                        </li>
                    </ol>
                </li>
                <li data-type="juvenile">
                    <p>少儿
                        <span class="am-icon-angle-right am-fr"></span>
                    </p>
                    <ol class="am-breadcrumb topbar-slash">
                        <li>
                            <a href="#">中国儿童文学</a>
                        </li>
                        <li>
                            <a href="#">外国儿童文学</a>
                        </li>
                        <li>
                            <a href="#">科普读物</a>
                        </li>
                        <li>
                            <a href="#">动漫/卡通</a>
                        </li>
                        <li>
                            <a href="#">幼儿启蒙</a>
                        </li>
                    </ol>

                </li>
                <li data-type="art">
                    <p>艺术
                        <span class="am-icon-angle-right am-fr"></span>
                    </p>
                    <ol class="am-breadcrumb topbar-slash">
                        <li>
                            <a href="#">绘画</a>
                        </li>
                        <li>
                            <a href="#">书法篆刻</a>
                        </li>
                        <li>
                            <a href="#">艺术理论</a>
                        </li>
                        <li>
                            <a href="#">摄影</a>
                        </li>
                        <li>
                            <a href="#">音乐</a>
                        </li>
                    </ol>

                </li>
                <li data-type="life">
                    <p>生活
                        <span class="am-icon-angle-right am-fr"></span>
                    </p>
                    <ol class="am-breadcrumb topbar-slash">
                        <li>
                            <a href="#">美食</a>
                        </li>
                        <li>
                            <a href="#">保健/心理健康</a>
                        </li>
                        <li>
                            <a href="#">旅游</a>
                        </li>
                        <li>
                            <a href="#">家庭教育</a>
                        </li>
                        <li>
                            <a href="#">家居休闲</a>
                        </li>
                    </ol>
                </li>
                <li data-type="culture">
                    <p>文教
                        <span class="am-icon-angle-right am-fr"></span>
                    </p>
                    <ol class="am-breadcrumb topbar-slash">
                        <li>
                            <a href="#">中小学教辅</a>
                        </li>
                        <li>
                            <a href="#">外语</a>
                        </li>
                        <li>
                            <a href="#">教材</a>
                        </li>
                        <li>
                            <a href="#">医学</a>
                        </li>
                        <li>
                            <a href="#">计算机</a>
                        </li>
                        <li>
                            <a href="#">自然科学</a>
                        </li>
                    </ol>
                </li>
                <!-- 必须存在 不可被迭代 -->
                <li>
                    <span>全部商品分类……</span>
                </li>
            </ul>
            <div id="typesDetail" class="topbar-types-detail">
                <!-- JS 生成 -->
                <!-- 页面元素结构 参看 index.html 页面-->
            </div>
        </div>
        <!-- books types end -->
    </div>
    <!-- topbar content end -->
    
    <!-- 淘书团 content start -->
    <div class="ts-bg">
        <div class="am-container">
            <div class="am-u-sm-12 am-u-end base-ad">
                <img src="./img/bookTypesTop.jpg" alt="">
            </div>
            <div class="am-u-sm-12 am-u-end ts-seach">
                <div class="am-panel am-panel-default">
                    <div class="am-panel-bd ts-seach-menu" id="ts-seach-menu">
                        <div class="ts-seach-line">
                            <h4>图书分类</h4>
                            <ul>
                                <li class="ts-active">全部</li>
                                <li>文学</li>
                                <li>社科</li>
                                <li>童书</li>
                                <li>艺术</li>
                                <li>文教</li>
                                <li>生活</li>
                                <li>其他</li>
                            </ul>
                        </div>
                        <div class="ts-seach-line">
                            <h4>关键字</h4>
                            <ul>
                                <li class="ts-active">全部</li>
                                <li>超低价</li>
                                <li>新近出版</li>
                                <li>影印本</li>
                                <li>名家文集</li>
                                <li>高颜值画册</li>
                                <li>古典名著</li>
                                <li>民俗风物</li>
                                <li>典藏版</li>
                                <li>插图本</li>
                                <li>古诗词</li>
                                <li>民国</li>
                                <li>故宫</li>
                                <li>历史</li>
                                <li>签名本</li>
                                <li>毛边本</li>
                                <li>绝版老书</li>
                                <li>礼品书</li>
                                <li>绘本</li>
                                <li>热销小说</li>
                                <li>科普</li>
                            </ul>
                        </div>
                        <div>
                            <h4>价格</h4>
                            <ul>
                                <li class="ts-active">全部</li>
                                <li>30元以下</li>
                                <li>31－50元</li>
                                <li>50－100元</li>
                                <li>100元以上</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
			<div class="ts-list">
                <ul class="am-avg-sm-3 am-thumbnails">
                    <li>
                        <div class="am-panel am-panel-default">
                            <div class="am-panel-hd"><img src="./img/taoshu/taoshu01.jpg"></div>
                            <div class="am-panel-bd">
                                <p class="desc">
                                    《胡适文存》精装全4册，是胡适思想的精华，影响了一代又一代青年，
                                    从大学者梁实秋、钱锺书，到著名作家张爱玲，直到当代的李敖，都把
                                    《胡适文存》列为对自己影响zui大的书。本套是民国时期全套17卷亚东版
                                    《胡适文存》与商务印书馆版《胡适论学近著》重新整理的合集，以尊重原著为原则，
                                    不对原文作任何改动，只进行繁简字体和及横竖排版转换。本书展现了胡适的哲学思想、
                                    学术主张、文学理论、白话文思考，以及新文化运动的探
                                </p>
                                <div class="price">
                                    <div class="new-price">
                                        <span>￥45</span>
                                        <span>26购买</span>
                                    </div>
                                    <div class="old-price">
                                        <span>定价:￥118</span>
                                        <span>折扣:5.6折</span>
                                    </div>
                                    <div class="btn-price">
                                        <button type="button" class="am-btn am-btn-danger am-radius">加入购物车</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    
                    <li>
                        <div class="am-panel am-panel-default">
                            <div class="am-panel-hd"><img src="./img/taoshu/taoshu01.jpg"></div>
                            <div class="am-panel-bd">
                                <p class="desc">
                                    《胡适文存》精装全4册，是胡适思想的精华，影响了一代又一代青年，
                                    从大学者梁实秋、钱锺书，到著名作家张爱玲，直到当代的李敖，都把
                                    《胡适文存》列为对自己影响zui大的书。本套是民国时期全套17卷亚东版
                                    《胡适文存》与商务印书馆版《胡适论学近著》重新整理的合集，以尊重原著为原则，
                                    不对原文作任何改动，只进行繁简字体和及横竖排版转换。本书展现了胡适的哲学思想、
                                    学术主张、文学理论、白话文思考，以及新文化运动的探
                                </p>
                                <div class="price">
                                    <div class="new-price">
                                        <span>￥45</span>
                                        <span>26购买</span>
                                    </div>
                                    <div class="old-price">
                                        <span>定价:￥118</span>
                                        <span>折扣:5.6折</span>
                                    </div>
                                    <div class="btn-price">
                                        <button type="button" class="am-btn am-btn-danger am-radius">加入购物车</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li>
                        <div class="am-panel am-panel-default">
                            <div class="am-panel-hd"><img src="./img/taoshu/taoshu01.jpg"></div>
                            <div class="am-panel-bd">
                                <p class="desc">
                                    《胡适文存》精装全4册，是胡适思想的精华，影响了一代又一代青年，
                                    从大学者梁实秋、钱锺书，到著名作家张爱玲，直到当代的李敖，都把
                                    《胡适文存》列为对自己影响zui大的书。本套是民国时期全套17卷亚东版
                                    《胡适文存》与商务印书馆版《胡适论学近著》重新整理的合集，以尊重原著为原则，
                                    不对原文作任何改动，只进行繁简字体和及横竖排版转换。本书展现了胡适的哲学思想、
                                    学术主张、文学理论、白话文思考，以及新文化运动的探
                                </p>
                                <div class="price">
                                    <div class="new-price">
                                        <span>￥45</span>
                                        <span>26购买</span>
                                    </div>
                                    <div class="old-price">
                                        <span>定价:￥118</span>
                                        <span>折扣:5.6折</span>
                                    </div>
                                    <div class="btn-price">
                                        <button type="button" class="am-btn am-btn-danger am-radius">加入购物车</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li>
                        <div class="am-panel am-panel-default">
                            <div class="am-panel-hd"><img src="./img/taoshu/taoshu01.jpg"></div>
                            <div class="am-panel-bd">
                                <p class="desc">
                                    《胡适文存》精装全4册，是胡适思想的精华，影响了一代又一代青年，
                                    从大学者梁实秋、钱锺书，到著名作家张爱玲，直到当代的李敖，都把
                                    《胡适文存》列为对自己影响zui大的书。本套是民国时期全套17卷亚东版
                                    《胡适文存》与商务印书馆版《胡适论学近著》重新整理的合集，以尊重原著为原则，
                                    不对原文作任何改动，只进行繁简字体和及横竖排版转换。本书展现了胡适的哲学思想、
                                    学术主张、文学理论、白话文思考，以及新文化运动的探
                                </p>
                                <div class="price">
                                    <div class="new-price">
                                        <span>￥45</span>
                                        <span>26购买</span>
                                    </div>
                                    <div class="old-price">
                                        <span>定价:￥118</span>
                                        <span>折扣:5.6折</span>
                                    </div>
                                    <div class="btn-price">
                                        <button type="button" class="am-btn am-btn-danger am-radius">加入购物车</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li>
                        <div class="am-panel am-panel-default">
                            <div class="am-panel-hd"><img src="./img/taoshu/taoshu01.jpg"></div>
                            <div class="am-panel-bd">
                                <p class="desc">
                                    《胡适文存》精装全4册，是胡适思想的精华，影响了一代又一代青年，
                                    从大学者梁实秋、钱锺书，到著名作家张爱玲，直到当代的李敖，都把
                                    《胡适文存》列为对自己影响zui大的书。本套是民国时期全套17卷亚东版
                                    《胡适文存》与商务印书馆版《胡适论学近著》重新整理的合集，以尊重原著为原则，
                                    不对原文作任何改动，只进行繁简字体和及横竖排版转换。本书展现了胡适的哲学思想、
                                    学术主张、文学理论、白话文思考，以及新文化运动的探
                                </p>
                                <div class="price">
                                    <div class="new-price">
                                        <span>￥45</span>
                                        <span>26购买</span>
                                    </div>
                                    <div class="old-price">
                                        <span>定价:￥118</span>
                                        <span>折扣:5.6折</span>
                                    </div>
                                    <div class="btn-price">
                                        <button type="button" class="am-btn am-btn-danger am-radius">加入购物车</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="am-u-sm-12 am-u-end base-ad">
                <ul class="am-pagination am-pagination-centered">
                    <li class="am-disabled"><a href="#">上一页</a></li>
                    <li class="am-active"><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#">下一页</a></li>
                </ul>
            </div>
        </div>
    </div>
    
    <!-- 淘书团 content end -->
    <!-- foot start -->		
    <div class="base-shop-foot">
        <p>© 2018 南京网博优壹 by 项目组-chw <br>2018年03月21日23:20:50</p>
    </div>
    <!-- foot end -->	
</body>

</html>